<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>经营看板</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/kanban.css" />
    <style>
        html,
        body {
            background: #fff !important;
        }

        .maskbg {
            z-index: 98;
            position: fixed;
            background: rgba(255, 255, 255, 0.01);
            top: 0;
            bottom: 0;
            width: 100%;
        }

        .Total_box {
            position: absolute;
            left: 22%;
            top: 15px;
            min-width: 30%;
            max-width: 50%;
            background: #fff;
            padding: 15px;
            color: #333;
            border-radius: 10px;
            z-index: 999;
            box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.14);
        }
    </style>
</head>

<body>
    <div id="app" v-cloak style="position: relative;">
        <div class="kb_topbox bluebgcolor">
            <div class="kb_tb_main">
                <div class="kb_tb_main_one">
                    <div v-if="show_total" class="maskbg" v-on:click="closebox()">
                    </div>
                    <div v-if="show_total" class="Total_box font65">
                        <div>商品总额：{{totalform.productPrice}}</div>
                        <div>运费：{{totalform.deliverPrice}}</div>
                        <div>打包费：{{totalform.packPrice}}</div>
                        <div>优惠：{{totalform.discountPrice}}</div>
                    </div>
                    <div class="kb_tb_total fl">
                        <div class="font65" v-on:click="do_openTotaldetail()">营业总额<i
                                class="icon iconfont icon-gengduo"></i></div>
                        <div class="font14">{{totalform.businessPrice}}</div>
                    </div>
                    <div class="month fr" id="datemonth" data-options='{"type":"month"}'
                        v-on:click="doSelectSearchParam()">{{form.timeMonth}}月<i class="icon iconfont icon-gengduo"></i>
                    </div>
                </div>
                <div class="kb_tb_main_two mt10 mb10">
                    <ul>
                        <li style="width: 32%;">
                            <div class="font6">成本金额</div>
                            <div class="font8">{{totalform.basicPrice}}</div>
                        </li>
                        <li style="width: 38%;">
                            <div class="font6">毛利润</div>
                            <div class="font8">{{totalform.profitsPrice}}</div>
                        </li>
                        <li style="width: 30%;">
                            <div class="font6">退款金额</div>
                            <div class="font8">-{{totalform.rebackPrice}}</div>
                        </li>
                    </ul>
                </div>

            </div>

        </div>

        <div id="chartLine" style="width: 96%; height: 360px; margin-left: 4%;"></div>

        <div class="aui-media-list-item-inner btn_line proInfo">
            <ul class="aui-tab-item" style="width:100%;">
                <li class="proli">
                    <div class="aui-list-item-media list-item-pic">
                        <div class="part_title">
                            <div class="part_title_pic fl"><i class="icon iconfont icon-gerenzhongxin-wodedingdan"></i>
                            </div>
                            <div class="part_title_dec font8 font-weight">订单统计</div>
                        </div>
                        <div class="part_box">
                            <div class="dd_one">
                                <div class="dd_one_lft fl">
                                    <div class="dd_one_item color9 font65">今日订单</div>
                                    <div class="dd_one_itemdec font8 font-weight">{{orderform.todayOrder}}</div>
                                </div>
                                <div class="dd_one_rgt fr">
                                    <div class="dd_one_item color9 font65">本月订单</div>
                                    <div class="dd_one_itemdec font8 font-weight">{{orderform.monthOrder}}</div>
                                </div>
                            </div>
                            <div class="dd_tb_main_two">
                                <div class="dd_tb_item fl" style="width: 32%;">
                                    <div class="font6 dd_one_item color9">待发货</div>
                                    <div class="font8 dd_one_itemdec font-weight">{{orderform.waitTransOrder}}</div>
                                </div>
                                <div class="dd_tb_item fl" style="width: 38%;">
                                    <div class="font6 dd_one_item color9">待收货</div>
                                    <div class="font8 dd_one_itemdec font-weight">{{orderform.waitReceiveOrder}}</div>
                                </div>
                                <div class="dd_tb_item fl" style="width: 30%;">
                                    <div class="font6 dd_one_item color9">退款处理</div>
                                    <div class="font8 dd_one_itemdec font-weight">{{orderform.waitRebackOrder}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="proli">
                    <div class="aui-list-item-media list-item-pic">
                        <div class="part_title">
                            <div class="part_title_pic redbgcolor fl"><i class="icon iconfont icon-gouwulan1"></i></div>
                            <div class="part_title_dec font8 font-weight">商品数据</div>
                        </div>
                        <div class="part_box">
                            <div class="dd_one">
                                <div class="dd_one_lft fl" style="width: 32%;">
                                    <div class="dd_one_item color9 font65">已上架</div>
                                    <div class="dd_one_itemdec font8 font-weight">{{productform.total_up}}</div>
                                </div>
                                <div class="dd_one_rgt fl pl15" style="width: 38%;">
                                    <div class="dd_one_item color9 font65">已下架</div>
                                    <div class="dd_one_itemdec font8 font-weight">{{productform.total_down}}</div>
                                </div>
                                <div class="dd_one_rgt fl pl15" style="width: 30%;">
                                    <div class="dd_one_item color9 font65">已售罄</div>
                                    <div class="dd_one_itemdec font8 font-weight">{{productform.sale_over}}</div>
                                </div>
                            </div>
                            <div class="dd_tb_main_two">
                                <div class="dd_tb_item fl" style="width: 32%;">
                                    <div class="font6 dd_one_item color9">暂存</div>
                                    <div class="font8 dd_one_itemdec font-weight">{{productform.total_save}}</div>
                                </div>
                                <div class="dd_tb_item fl" style="width: 38%;">
                                    <div class="font6 dd_one_item color9">审核中</div>
                                    <div class="font8 dd_one_itemdec font-weight">{{productform.total_audit_ing}}</div>
                                </div>
                                <div class="dd_tb_item fl" style="width: 30%;">
                                    <div class="font6 dd_one_item color9">审核拒绝</div>
                                    <div class="font8 dd_one_itemdec font-weight">{{productform.total_audit_reject}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="proli">
                    <div class="aui-list-item-media list-item-pic" style="margin-right: 15px;">
                        <div class="part_title">
                            <div class="part_title_pic yellowbgcolor fl"><i
                                    class="icon iconfont icon-liebiaoye-VIPjiaobiao"
                                    style="font-weight: 300; font-size: 0.55rem;"></i></div>
                            <div class="part_title_dec font8 font-weight">会员统计</div>
                        </div>
                        <div class="part_box">
                            <div class="dd_one" style="margin-top: 20px;">
                                <div class="dd_one_lft fl" style="width: 49%; text-align: center;">
                                    <div class="dd_one_item color9 font65">今日新增</div>
                                    <div class="dd_one_itemdec font8 font-weight">{{huiyuanform.day}}</div>
                                </div>
                                <div class="dd_one_rgt fr pl15" style="width: 49%; text-align: center;">
                                    <div class="dd_one_item color9 font65">会员总数</div>
                                    <div class="dd_one_itemdec font8 font-weight">{{huiyuanform.total}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li style="width:15px;"></li>

            </ul>
        </div>
        <div class="pro_vip_box">
            <div class="pro_vip_title">
                <!-- <div class="pro_vip_title_item fl" v-bind:class="{'font-weight':show_pro}">商品销量</div> -->
                <div class="pro_vip_title_item fl font-weight">分类占比</div>
            </div>
            <div class="pro_vip_main">
                <div v-if="nosort" class="noshuju">
                    <van-empty description="暂无数据" />
                </div>
                <div v-else id="chartCirle" style="width: 96%; height: 360px;"></div>
            </div>
        </div>
        <div class="pro_vip_box">
            <div class="pro_vip_title">
                <div class="pro_vip_title_item fl font-weight">商品销量</div>
                <!-- <div v-on:click="do_open_pro(2)" class="pro_vip_title_item fl" v-bind:class="{'font-weight':show_fenlei}">分类占比</div> -->
            </div>
            <div class="pro_vip_main">
                <div class="pro_vip_table_header">
                    <div class="tr td1 fl font6">排名</div>
                    <div class="tr td2 fl font6">商品</div>
                    <div class="tr td3 fl font6">销量<i class="icon iconfont icon-zhankai"></i></div>
                    <div class="tr td4 fl font6">成交额<i class="icon iconfont icon-zhankai"></i></div>
                </div>
                <div v-if="index<5" class="pro_vip_table_tr" v-for="(item,index) in product_list">
                    <div class="tr td1 fl font6">{{index+1}}</div>
                    <div class="tr td2 fl font6">
                        <div class="tr_pic fl"><img :src="item.GoodsCoverImage" /></div>
                        <div class="tr_dec fr">
                            <div class="tr_dec_name font6 aui-ellipsis-1">{{item.ProductName}}</div>
                            <div class="tr_dec_type color9 aui-ellipsis-1" style="font-size: 0.5rem;">
                                {{item.GoodsModelNumber==''?'--':item.GoodsModelNumber}}</div>
                        </div>
                    </div>
                    <div class="tr td3 fl font6 aui-ellipsis-1">{{item.Quantity}}</div>
                    <div class="tr td4 fl font6 aui-ellipsis-1">{{item.Price==''?'--':item.Price}}</div>
                </div>

                <div v-if="product_list.length>5" v-on:click="do_open_prolist()"
                    class="pro_vip_table_last font65 color9">查看更多<i class="icon iconfont icon-gengduo"></i></div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript " src="../script/moment/moment.js"></script>
<script type="text/javascript" src="../script/page/dateRangeUtil.js"></script>
<script type="text/javascript " src="../script/echart/echarts.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript " src="js/kanban.js"></script>
<script type="text/javascript">
</script>

</html>